@import (reference) "../../style/mixin.less";
@import (reference) "../../style/flex.less";

.course-share-container {
  background: #FFFFFF;
  .wh(100%, 100%);
  .horizontal-vertical-middle;


  .share-content{
    .horizontal-middle;
    flex-direction: column;
    width:640px;
    height:546px;
    background:rgba(255,255,255,1);
    border-radius:15px;
    box-shadow:5px 0 20px rgba(219,204,204,1);

    .share_success_img{
      width: 95px;
      height: 95px;
      margin: 0 auto 36px auto;
      .background-img("share_success.png");
    }

    .success-text{
      color: #333333;
      font-size: 30px;
      .horizontal-middle;
    }

    .details-text{
      margin: 10px auto 0 auto;
      p{
        .horizontal-middle;
        color: #333333;
        font-size: 26px;
      }
    }


    .go-app-btn {
      .horizontal-vertical-middle;
      margin: 80px auto 0 auto;
      width: 540px;
      height: 78px;
      background: rgba(0, 154, 229, 1);
      border-radius: 39px;
      font-size: 30px;
      font-family: PingFang-SC-Heavy;
      font-weight: 800;
      color: rgba(255, 255, 255, 1);
    }


  }



}